body {
	--gray-900: #111827;--gray-800: #1F2937;--gray-700: #374151;--gray-600: #4B5563;--gray-500: #6B7280;--gray-400: #9CA3AF;--gray-300: #D1D5DB;--gray-200: #E5E7EB;--gray-100: #F3F4F6;--gray-50: #F9FAFB;
	--red-900: #7F1D1D;--red-800: #991B1B;--red-700: #B91C1C;--red-600: #DC2626;--red-500: #EF4444;--red-400: #F87171;--red-300: #FCA5A5;--red-200: #FECACA;--red-100: #FEE2E2;--red-50: #FEF2F2;
	--yellow-900: #78350F;--yellow-800: #92400E;--yellow-700: #B45309;--yellow-600: #D97706;--yellow-500: #F59EOB;--yellow-400: #FBBF24;--yellow-300: #FCD34D;--yellow-200: #FDE68A;--yellow-100: #FEF3C7;--yellow-50: #FFFBEB;
	--green-900: #064E3B;--green-800: #065F46;--green-700: #047857;--green-600: #059669;--green-500: #10B981;--green-400: #34D399;--green-300: #6EE7B7;--green-200: #A7F3D0;--green-100: #D1FAE5;--green-50: #ECFDF5;
	--blue-900: #1E3A8A;--blue-800: #1E40AF;--blue-700: #1D4ED8;--blue-600: #2563EB;--blue-500: #3B82F6;--blue-400: #60A5FA;--blue-300: #93C5FD;--blue-200: #BFDBFE;--blue-100: #DBEAFE;--blue-50: #EFF6FF;
	--indigo-900: #312E81;--indigo-800: #3730A3;--indigo-700: #4338CA;--indigo-600: #4F46E5;--indigo-500: #6366F1;--indigo-400: #818CF8;--indigo-300: #A5B4FC;--indigo-200: #C7D2FE;--indigo-100: #EOE7FF;--indigo-50: #EEF2FF;
	--purple-900: #4C1D95;--purple-800: #5B21B6;--purple-700: #6D28D9;--purple-600: #7C3AED;--purple-500: #8B5CF6;--purple-400: #A78BFA;--purple-300: #C4B5FD;--purple-200: #DDD6FE;--purple-100: #EDE9FE;--purple-50: #F5F3FF;
	--pink-900: #DB2777;--pink-800: #831843;--pink-700: #9D174D;--pink-600: #BE185D;--pink-500: #EC4899;--pink-400: #F472B6;--pink-300: #F9A8D4;--pink-200: #FBCFE8;--pink-100: #FCE7F3;--pink-50: #FDF2F8;
}

.color-gray-900 {color: var(--gray-900) !important;}.color-gray-800 {color: var(--gray-800) !important;}.color-gray-700 {color: var(--gray-700) !important;}.color-gray-600 {color: var(--gray-600) !important;}.color-gray-500 {color: var(--gray-500) !important;}.color-gray-400 {color: var(--gray-400) !important;}.color-gray-300 {color: var(--gray-300) !important;}.color-gray-200 {color: var(--gray-200) !important;}.color-gray-100 {color: var(--gray-100) !important;}.color-gray-50 {color: var(--gray-50) !important;}
.color-red-900 {color: var(--red-900) !important;}.color-red-800 {color: var(--red-800) !important;}.color-red-700 {color: var(--red-700) !important;}.color-red-600 {color: var(--red-600) !important;}.color-red-500 {color: var(--red-500) !important;}.color-red-400 {color: var(--red-400) !important;}.color-red-300 {color: var(--red-300) !important;}.color-red-200 {color: var(--red-200) !important;}.color-red-100 {color: var(--red-100) !important;}.color-red-50 {color: var(--red-50) !important;}
.color-yellow-900 {color: var(--yellow-900) !important;}.color-yellow-800 {color: var(--yellow-800) !important;}.color-yellow-700 {color: var(--yellow-700) !important;}.color-yellow-600 {color: var(--yellow-600) !important;}.color-yellow-500 {color: var(--yellow-500) !important;}.color-yellow-400 {color: var(--yellow-400) !important;}.color-yellow-300 {color: var(--yellow-300) !important;}.color-yellow-200 {color: var(--yellow-200) !important;}.color-yellow-100 {color: var(--yellow-100) !important;}.color-yellow-50 {color: var(--yellow-50) !important;}
.color-blue-900 {color: var(--blue-900) !important;}.color-blue-800 {color: var(--blue-800) !important;}.color-blue-700 {color: var(--blue-700) !important;}.color-blue-600 {color: var(--blue-600) !important;}.color-blue-500 {color: var(--blue-500) !important;}.color-blue-400 {color: var(--blue-400) !important;}.color-blue-300 {color: var(--blue-300) !important;}.color-blue-200 {color: var(--blue-200) !important;}.color-blue-100 {color: var(--blue-100) !important;}.color-blue-50 {color: var(--blue-50) !important;}
.color-indigo-900 {color: var(--indigo-900) !important;}.color-indigo-800 {color: var(--indigo-800) !important;}.color-indigo-700 {color: var(--indigo-700) !important;}.color-indigo-600 {color: var(--indigo-600) !important;}.color-indigo-500 {color: var(--indigo-500) !important;}.color-indigo-400 {color: var(--indigo-400) !important;}.color-indigo-300 {color: var(--indigo-300) !important;}.color-indigo-200 {color: var(--indigo-200) !important;}.color-indigo-100 {color: var(--indigo-100) !important;}.color-indigo-50 {color: var(--indigo-50) !important;}
.color-purple-900 {color: var(--purple-900) !important;}.color-purple-800 {color: var(--purple-800) !important;}.color-purple-700 {color: var(--purple-700) !important;}.color-purple-600 {color: var(--purple-600) !important;}.color-purple-500 {color: var(--purple-500) !important;}.color-purple-400 {color: var(--purple-400) !important;}.color-purple-300 {color: var(--purple-300) !important;}.color-purple-200 {color: var(--purple-200) !important;}.color-purple-100 {color: var(--purple-100) !important;}.color-purple-50 {color: var(--purple-50) !important;}
.color-pink-900 {color: var(--pink-900) !important;}.color-pink-800 {color: var(--pink-800) !important;}.color-pink-700 {color: var(--pink-700) !important;}.color-pink-600 {color: var(--pink-600) !important;}.color-pink-500 {color: var(--pink-500) !important;}.color-pink-400 {color: var(--pink-400) !important;}.color-pink-300 {color: var(--pink-300) !important;}.color-pink-200 {color: var(--pink-200) !important;}.color-pink-100 {color: var(--pink-100) !important;}.color-pink-50 {color: var(--pink-50) !important;}
.color-transparent {color: transparent !important;}
.color-000 {color: #000 !important;}
.color-fff {color: #fff !important;}

.bg-gray-900 {background-color: var(--gray-900) !important;}.bg-gray-800 {background-color: var(--gray-800) !important;}.bg-gray-700 {background-color: var(--gray-700) !important;}.bg-gray-600 {background-color: var(--gray-600) !important;}.bg-gray-500 {background-color: var(--gray-500) !important;}.bg-gray-400 {background-color: var(--gray-400) !important;}.bg-gray-300 {background-color: var(--gray-300) !important;}.bg-gray-200 {background-color: var(--gray-200) !important;}.bg-gray-100 {background-color: var(--gray-100) !important;}.bg-gray-50 {background-color: var(--gray-50) !important;}
.bg-red-900 {background-color: var(--red-900) !important;}.bg-red-800 {background-color: var(--red-800) !important;}.bg-red-700 {background-color: var(--red-700) !important;}.bg-red-600 {background-color: var(--red-600) !important;}.bg-red-500 {background-color: var(--red-500) !important;}.bg-red-400 {background-color: var(--red-400) !important;}.bg-red-300 {background-color: var(--red-300) !important;}.bg-red-200 {background-color: var(--red-200) !important;}.bg-red-100 {background-color: var(--red-100) !important;}.bg-red-50 {background-color: var(--red-50) !important;}
.bg-yellow-900 {background-color: var(--yellow-900) !important;}.bg-yellow-800 {background-color: var(--yellow-800) !important;}.bg-yellow-700 {background-color: var(--yellow-700) !important;}.bg-yellow-600 {background-color: var(--yellow-600) !important;}.bg-yellow-500 {background-color: var(--yellow-500) !important;}.bg-yellow-400 {background-color: var(--yellow-400) !important;}.bg-yellow-300 {background-color: var(--yellow-300) !important;}.bg-yellow-200 {background-color: var(--yellow-200) !important;}.bg-yellow-100 {background-color: var(--yellow-100) !important;}.bg-yellow-50 {background-color: var(--yellow-50) !important;}
.bg-blue-900 {background-color: var(--blue-900) !important;}.bg-blue-800 {background-color: var(--blue-800) !important;}.bg-blue-700 {background-color: var(--blue-700) !important;}.bg-blue-600 {background-color: var(--blue-600) !important;}.bg-blue-500 {background-color: var(--blue-500) !important;}.bg-blue-400 {background-color: var(--blue-400) !important;}.bg-blue-300 {background-color: var(--blue-300) !important;}.bg-blue-200 {background-color: var(--blue-200) !important;}.bg-blue-100 {background-color: var(--blue-100) !important;}.bg-blue-50 {background-color: var(--blue-50) !important;}
.bg-indigo-900 {background-color: var(--indigo-900) !important;}.bg-indigo-800 {background-color: var(--indigo-800) !important;}.bg-indigo-700 {background-color: var(--indigo-700) !important;}.bg-indigo-600 {background-color: var(--indigo-600) !important;}.bg-indigo-500 {background-color: var(--indigo-500) !important;}.bg-indigo-400 {background-color: var(--indigo-400) !important;}.bg-indigo-300 {background-color: var(--indigo-300) !important;}.bg-indigo-200 {background-color: var(--indigo-200) !important;}.bg-indigo-100 {background-color: var(--indigo-100) !important;}.bg-indigo-50 {background-color: var(--indigo-50) !important;}
.bg-purple-900 {background-color: var(--purple-900) !important;}.bg-purple-800 {background-color: var(--purple-800) !important;}.bg-purple-700 {background-color: var(--purple-700) !important;}.bg-purple-600 {background-color: var(--purple-600) !important;}.bg-purple-500 {background-color: var(--purple-500) !important;}.bg-purple-400 {background-color: var(--purple-400) !important;}.bg-purple-300 {background-color: var(--purple-300) !important;}.bg-purple-200 {background-color: var(--purple-200) !important;}.bg-purple-100 {background-color: var(--purple-100) !important;}.bg-purple-50 {background-color: var(--purple-50) !important;}
.bg-pink-900 {background-color: var(--pink-900) !important;}.bg-pink-800 {background-color: var(--pink-800) !important;}.bg-pink-700 {background-color: var(--pink-700) !important;}.bg-pink-600 {background-color: var(--pink-600) !important;}.bg-pink-500 {background-color: var(--pink-500) !important;}.bg-pink-400 {background-color: var(--pink-400) !important;}.bg-pink-300 {background-color: var(--pink-300) !important;}.bg-pink-200 {background-color: var(--pink-200) !important;}.bg-pink-100 {background-color: var(--pink-100) !important;}.bg-pink-50 {background-color: var(--pink-50) !important;}
.bg-transparent {background-color: transparent !important;}
.bg-000 {background-color: #000 !important;}
.bg-fff {background-color: #fff !important;}

.border-f1f1f1 {border: 1px solid #f1f1f1};.border-t-f1f1f1 {border-top: 1px solid #f1f1f1;}.border-r-f1f1f1 {border-right: 1px solid #f1f1f1;}.border-b-f1f1f1 {border-bottom: 1px solid #f1f1f1;}.border-l-f1f1f1 {border-left: 1px solid #f1f1f1;}
.border-dfdfdf {border: 1px solid #dfdfdf};.border-t-dfdfdf {border-top: 1px solid #dfdfdf;}.border-r-dfdfdf {border-right: 1px solid #dfdfdf;}.border-b-dfdfdf {border-bottom: 1px solid #dfdfdf;}.border-l-dfdfdf {border-left: 1px solid #dfdfdf;}
.border-d1d1d1 {border: 1px solid #d1d1d1};.border-t-d1d1d1 {border-top: 1px solid #d1d1d1;}.border-r-d1d1d1 {border-right: 1px solid #d1d1d1;}.border-b-d1d1d1 {border-bottom: 1px solid #d1d1d1;}.border-l-d1d1d1 {border-left: 1px solid #d1d1d1;}
.border-000 {border: 1px solid #000};.border-t-000 {border-top: 1px solid #000;}.border-r-000 {border-right: 1px solid #000;}.border-b-000 {border-bottom: 1px solid #000;}.border-l-000 {border-left: 1px solid #000;}
.border-333 {border: 1px solid #333};.border-t-333 {border-top: 1px solid #333;}.border-r-333 {border-right: 1px solid #333;}.border-b-333 {border-bottom: 1px solid #333;}.border-l-333 {border-left: 1px solid #333;}
.border-fff {border: 1px solid #fff};.border-t-fff {border-top: 1px solid #fff;}.border-r-fff {border-right: 1px solid #fff;}.border-b-fff {border-bottom: 1px solid #fff;}.border-l-fff {border-left: 1px solid #fff;}
.border-transparent {border: 1px solid transparent};.border-t-transparent {border-top: 1px solid transparent;}.border-r-transparent {border-right: 1px solid transparent;}.border-b-transparent {border-bottom: 1px solid transparent;}.border-l-transparent {border-left: 1px solid transparent;}
.border-2 {broder-width: 2px;}
.border-3 {broder-width: 3px;}
.border-4 {broder-width: 4px;}
.border-5 {broder-width: 5px;}

.block {display: block;}
.inline-block {display: inline-block;}
.inline {display: inline;}
.hidden {display: none;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-12 {font-size: 12px !important;}
.text-13 {font-size: 13px !important;}
.text-14 {font-size: 14px !important;}
.text-15 {font-size: 15px !important;}
.text-16 {font-size: 16px !important;}
.text-18 {font-size: 18px !important;}
.text-20 {font-size: 20px !important;}
.text-22 {font-size: 22px !important;}
.text-24 {font-size: 24px !important;}
.text-26 {font-size: 26px !important;}
.text-30 {font-size: 30px !important;}
.text-line-1 { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.text-line-2 { width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-line-3 { width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.text-line-4 { width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.hover-underline:hover {text-decoration: underline;}
.font-light {font-weight: 300}
.font-normal {font-weight: 400}
.font-medium {font-weight: 500}
.font-semibold {font-weight: 600;}
.font-bold {font-weight: 700}
.font-black {font-weight: 900}
.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}
.clearfix:after {content: '';display: block;clear: both;}

.cursor-auto {cursor: auto;} /*默认*/
.cursor-default {cursor: default;}
.cursor-pointer {cursor: pointer;} /*常用*/
.cursor-wait {cursor: wait;}
.cursor-text {cursor: text;}
.cursor-move {cursor: move;}
.cursor-help {cursor: help;}
.cursor-not-allowed {cursor: not-allowed;}

.break-all {word-break: break-all;}

.static {position: static;}
.fixed {position: fixed;}
.absolute {position: absolute;}
.relative {position: relative;}
.sticky {position: sticky;}

.flex{display:flex;}
.flex-row {display: flex;flex-direction: row;}
.flex-row-reverse {flex-direction: row-reverse;}
.flex-col {display: flex;flex-direction: column;}
.flex-col-reverse {flex-direction: column-reverse;}
.flex-center {display: flex;justify-content: center;align-items: center;}
.flex-left-center {display: flex;align-items: center;justify-content: flex-start;}
.flex-wrap {flex-wrap: wrap;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-evenly {justify-content: space-evenly;}
.items-start {align-items: flex-start;}
.items-end {align-items: flex-end;}
.items-center {align-items: center;}
.items-stretch {align-items: stretch;}
.flex-1 {flex: 1 !important;}
.flex-none {flex: none !important;}
.gap-5 {gap: 5px;} .gap-10 {gap: 10px;} .gap-15 {gap: 15px;} .gap-20 {gap: 20px;} .gap-25 {gap: 25px;} .gap-30 {gap: 30px;}

.w-0 {width: 0 !important;}
.h-0 {height: 0 !important;}
.w-full {width: 100% !important;}
.h-full {height: 100% !important;}

.m-0 {margin:0 !important;}
.mx-0 {margin-left:0 !important;margin-right:0 !important;}
.my-0 {margin-top:0 !important;margin-bottom:0 !important;}
.mt-0 {margin-top:0 !important;}
.mr-0 {margin-right:0 !important;}
.mb-0 {margin-bottom:0 !important;}
.ml-0 {margin-left:0 !important;}
.m-5 {margin: 5px !important;}
.mx-5 {margin-left:5px !important;margin-right:5px !important;}
.my-5 {margin-top:5px !important;margin-bottom:5px !important;}
.mt-5 {margin-top:5px !important;}
.mr-5 {margin-right:5px !important;}
.mb-5 {margin-bottom:5px !important;}
.ml-5 {margin-left:5px !important;}
.m-10 {margin: 10px !important;}
.mx-10 {margin-left:10px !important;margin-right:10px !important;}
.my-10 {margin-top:10px !important;margin-bottom:10px !important;}
.mt-10 {margin-top:10px !important;}
.mr-10 {margin-right:10px !important;}
.mb-10 {margin-bottom:10px !important;}
.ml-10 {margin-left:10px !important;}
.m-15 {margin: 15px !important;}
.mx-15 {margin-left:15px !important;margin-right:15px !important;}
.my-15 {margin-top:15px !important;margin-bottom:15px !important;}
.mt-15 {margin-top:15px !important;}
.mr-15 {margin-right:15px !important;}
.mb-15 {margin-bottom:15px !important;}
.ml-15 {margin-left:15px !important;}
.m-20 {margin: 20px !important;}
.mx-20 {margin-left:20px !important;margin-right:20px !important;}
.my-20 {margin-top:20px !important;margin-bottom:20px !important;}
.mt-20 {margin-top:20px !important;}
.mr-20 {margin-right:20px !important;}
.mb-20 {margin-bottom:20px !important;}
.ml-20 {margin-left:20px !important;}
.m-25 {margin: 25px !important;}
.mx-25 {margin-left:25px !important;margin-right:25px !important;}
.my-25 {margin-top:25px !important;margin-bottom:25px !important;}
.mt-25 {margin-top:25px !important;}
.mr-25 {margin-right:25px !important;}
.mb-25 {margin-bottom:25px !important;}
.ml-25 {margin-left:25px !important;}
.m-30 {margin: 30px !important;}
.mx-30 {margin-left:30px !important;margin-right:30px !important;}
.my-30 {margin-top:30px !important;margin-bottom:30px !important;}
.mt-30 {margin-top:30px !important;}
.mr-30 {margin-right:30px !important;}
.mb-30 {margin-bottom:30px !important;}
.ml-30 {margin-left:30px !important;}
.m-40 {margin: 40px !important;}
.mx-40 {margin-left:40px !important;margin-right:40px !important;}
.my-40 {margin-top:40px !important;margin-bottom:40px !important;}
.mt-40 {margin-top:40px !important;}
.mr-40 {margin-right:40px !important;}
.mb-40 {margin-bottom:40px !important;}
.ml-40 {margin-left:40px !important;}
.m-50 {margin: 50px !important;}
.mx-50 {margin-left:50px !important;margin-right:50px !important;}
.my-50 {margin-top:50px !important;margin-bottom:50px !important;}
.mt-50 {margin-top:50px !important;}
.mr-50 {margin-right:50px !important;}
.mb-50 {margin-bottom:50px !important;}
.ml-50 {margin-left:50px !important;}

.p-0 {padding:0 !important;}
.px-0 {padding-left:0 !important;padding-right:0 !important;}
.py-0 {padding-top:0 !important;padding-bottom:0 !important;}
.pt-0 {padding-top:0 !important;}
.pr-0 {padding-right:0 !important;}
.pb-0 {padding-bottom:0 !important;}
.pl-0 {padding-left:0 !important;}
.p-5 {padding: 5px !important;}
.px-5 {padding-left:5px !important;padding-right:5px !important;}
.py-5 {padding-top:5px !important;padding-bottom:5px !important;}
.pt-5 {padding-top:5px !important;}
.pr-5 {padding-right:5px !important;}
.pb-5 {padding-bottom:5px !important;}
.pl-5 {padding-left:5px !important;}
.p-10 {padding: 10px !important;}
.px-10 {padding-left:10px !important;padding-right:10px !important;}
.py-10 {padding-top:10px !important;padding-bottom:10px !important;}
.pt-10 {padding-top:10px !important;}
.pr-10 {padding-right:10px !important;}
.pb-10 {padding-bottom:10px !important;}
.pl-10 {padding-left:10px !important;}
.p-15 {padding: 15px !important;}
.px-15 {padding-left:15px !important;padding-right:15px !important;}
.py-15 {padding-top:15px !important;padding-bottom:15px !important;}
.pt-15 {padding-top:15px !important;}
.pr-15 {padding-right:15px !important;}
.pb-15 {padding-bottom:15px !important;}
.pl-15 {padding-left:15px !important;}
.p-20 {padding: 20px !important;}
.px-20 {padding-left:20px !important;padding-right:20px !important;}
.py-20 {padding-top:20px !important;padding-bottom:20px !important;}
.pt-20 {padding-top:20px !important;}
.pr-20 {padding-right:20px !important;}
.pb-20 {padding-bottom:20px !important;}
.pl-20 {padding-left:20px !important;}
.p-25 {padding: 25px !important;}
.px-25 {padding-left:25px !important;padding-right:25px !important;}
.py-25 {padding-top:25px !important;padding-bottom:25px !important;}
.pt-25 {padding-top:25px !important;}
.pr-25 {padding-right:25px !important;}
.pb-25 {padding-bottom:25px !important;}
.pl-25 {padding-left:25px !important;}
.p-30 {padding: 30px !important;}
.px-30 {padding-left:30px !important;padding-right:30px !important;}
.py-30 {padding-top:30px !important;padding-bottom:30px !important;}
.pt-30 {padding-top:30px !important;}
.pr-30 {padding-right:30px !important;}
.pb-30 {padding-bottom:30px !important;}
.pl-30 {padding-left:30px !important;}
.p-40 {padding: 40px !important;}
.px-40 {padding-left:40px !important;padding-right:40px !important;}
.py-40 {padding-top:40px !important;padding-bottom:40px !important;}
.pt-40 {padding-top:40px !important;}
.pr-40 {padding-right:40px !important;}
.pb-40 {padding-bottom:40px !important;}
.pl-40 {padding-left:40px !important;}
.p-50 {padding: 50px !important;}
.px-50 {padding-left:50px !important;padding-right:50px !important;}
.py-50 {padding-top:50px !important;padding-bottom:50px !important;}
.pt-50 {padding-top:50px !important;}
.pr-50 {padding-right:50px !important;}
.pb-50 {padding-bottom:50px !important;}
.pl-50 {padding-left:50px !important;}


